<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="Author" content="百度网民">
  <meta name="Keywords" content="百度网民酒店管理系统">
  <meta name="Description" content="酒店管理系统">
  <link href="../../../home/css/reservation.css" type="text/css" rel="Stylesheet" />
  <link href="../../../home/css/index.css" type="text/css" rel="Stylesheet" />
  <title>酒店管理系统首页</title>
</head>

<body>
  <!--头部-->
  <div id="c_header"></div>
  <!--主体内容-->
  <section>
    <div id="subject">
      <p style="float:right;">
        <c:if test="${account == null }">
          <a href="login.html">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="reg.html">注册</a>&nbsp;
        </c:if>
        <c:if test="${account != null }">
          <font color="red">欢迎您：小张 &nbsp;&nbsp;|&nbsp;&nbsp;</font>
          <a href="../account/index.html">用户中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;
          <a href="../home/logout">注销登录</a>&nbsp;
        </c:if>
      </p>
      <img src="../../../static/room/room1.jpg" alt="" height="256px" width="1200px">
      <!--遮罩-->
      <ul class="shade_mag">
        <li><img src="../../../home/images\s_02.png" alt=""></li>
        <li><img src="../../../home/images\s_01.png" alt=""></li>
      </ul>

    </div>


    <!---->
    <!---预订菜单--->
    <div id="due_menu">
      <!--关于-->

      <!--客房-->
      <div id="guest_rooms">
        <p class="booking_tab"><span></span>客房列表</p>
        <div class="chioce">
          <input type="text" placeholder="请输入您要查询的内容" value="" id="kw" />
          <input type="button" value="搜索" id="search-btn" />
        </div>
        <form style="display:none;" action="index" method="get" id="search-form"><input type="hidden" name="name"
            id="search-name"></form>
        <!--列表-->
        <table id="pro_list">
          <thead>
            <tr>
              <th width="200px">客房</th>
              <th>房型</th>
              <th>可住人数</th>
              <th>床位数</th>
              <th>房价</th>
              <th>房态</th>
              <th>预订</th>
            </tr>
          </thead>
          <tbody>
            
              <tr>
                <td><a href="#"><img src="../../../upload/1547560846621.jpg" alt=""></a>
                </td>
                <td align="center">
                  <p>大床房</p>
                  <p class="sub_txt">可容纳两个人一起住</p>
                </td>
                <td>2</td>
                <td>10</td>
                <td>199</td>
                <td>
                  <c:if test="${roomType.status == 0 }">
                    已满房
                  </c:if>
                  <c:if test="${roomType.status == 1 }">
                    可预订
                  </c:if>
                </td>
                <td>
                  <c:if test="${roomType.status == 0 }">
                    <input type="button" class="disable" value="满房">
                  </c:if>
                  <c:if test="${roomType.status == 1 }">
                    <input type="button" value="预订"
                      onclick="window.location.href='account/book_order?roomTypeId=${roomType.id }'">
                  </c:if>
                </td>
              </tr>
              <tr>
                <td><a href="#"><img src="../../../upload/1547863508790.jpg" alt=""></a>
                </td>
                <td align="center">
                  <p>标准房间</p>
                  <p class="sub_txt">标准房间可同时容纳三人</p>
                </td>
                <td>3</td>
                <td>11</td>
                <td>399</td>
                <td>
                  <c:if test="${roomType.status == 0 }">
                    已满房
                  </c:if>
                  <c:if test="${roomType.status == 1 }">
                    可预订
                  </c:if>
                </td>
                <td>
                  <c:if test="${roomType.status == 0 }">
                    <input type="button" class="disable" value="满房">
                  </c:if>
                  <c:if test="${roomType.status == 1 }">
                    <input type="button" value="预订"
                      onclick="window.location.href='account/book_order?roomTypeId=${roomType.id }'">
                  </c:if>
                </td>
              </tr>
              <tr>
                <td><a href="#"><img src="../../../upload/1547863486075.jpg" alt=""></a>
                </td>
                <td align="center">
                  <p>总统套房</p>
                  <p class="sub_txt">总统套房很多人一起即可</p>
                </td>
                <td>2</td>
                <td>0</td>
                <td>899</td>
                <td>

                    已满房
                
                </td>
                <td>
                  <c:if test="${roomType.status == 0 }">
                    <input type="button" class="disable" value="满房">
                  </c:if>
                  <c:if test="${roomType.status == 1 }">
                    <input type="button" value="预订"
                      onclick="window.location.href='account/book_order?roomTypeId=${roomType.id }'">
                  </c:if>
                </td>
              </tr>
            
          </tbody>
        </table>

        <div id="pages"></div>
        <!--  -列表菜单 -->
        <div></div>
      </div>
    </div>

  </section>
  <div id="c_footer" class="clear">
    <p style="text-align: center;">
      <a href="../../home/index/index.html">首页</a>|
      <a href="#">关于我们</a>|
      <a href="http://www.baidu.com" target="_blank">找酒店选大利</a>|
      <a href="../../system/login.html" target="_blank">登录后台</a>
    </p>
  </div>
  <script src="../../../home/js/jquery-1.11.3.js"></script>
  <script>
    $(document).ready(function () {
      $("#search-btn").click(function () {
        $("#search-name").val($("#kw").val());
        $("#search-form").submit();
      })
    });
  </script>
</body>